<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册</title>
		<link rel="stylesheet" type="text/css" href="css/register.css"/>
		<script type="text/javascript">
			window.onload=function(){
				var div= document.querySelector(".title");
				var spans=div.children;
				for (var i = 0; i < spans.length; i++) {
					spans[i].onclick=function(){
						for (var j = 0; j < spans.length; j++) {
							if (spans[j]==this) {
								spans[j].className="active";
							} else{
								spans[j].className="";
							}
						}
					}
				}
			}
		</script>
	</head>
	<body>
		<div class="content">
			<div class="box">
				<div class="right">
					<div class="title">
						<span ><a href="login.html">登录</a></span>
						<span class="active">注册</span>
					</div>
					<div class="text">
						<div class="login">
							<form action="#" method="get">
								<input type="text" id="name" name="name" placeholder="账号" value="" />
								<br />
								<input type="password" id="pwd" name="pwd" placeholder="密码" value="" />
								<br />
								<input type="tel" name="yanzheng" id="yanzheng" value="" placeholder="请输入验证码"/>
								<input type="button" id="yan" value="获取验证码" />
								<input type="submit" value="立即注册"/>
								<div id="">
									<input type="checkbox" name="che" id="che" value="" />
									<label for="che">我已阅读并同意《音悦Tia服务条款》</label>
								</div>
							</form>
						</div>
						<div class="register">注册表单</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
